.pd20 {
	padding: 20px;
}

.pd-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pd-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pd-tb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.d-flex,
.display-flex {
	display: flex;
}

.flex-between {
	justify-content: space-between;
}

.flex-center {
	justify-content: center;
	align-items: center;
}

.flex-end-center {
	justify-content: flex-end;
	align-items: center;
}

.flex-start-center {
	justify-content: flex-start;
	align-items: center;
}

.flex-between-center {
	justify-content: space-between;
	align-items: center;
}

.flex-between-start {
	justify-content: space-between;
	align-items: flex-start;
}

.flex-start-end {
	justify-content: flex-start;
	align-items: flex-end;
}

.flex-line-center {
	align-items: center;
	flex-shrink: 0;
}

.flex-shrink0 {
	flex-shrink: 0;
}

.flex-between-column {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.flex-center-column {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mr20 {

	margin-right: 20px;
}

.mr5 {
	margin-right: 5px;
}

.ml5 {
	margin-left: 5px;
}


.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr10 {
	margin-right: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.plr20 {
	padding-left: 20px;
	padding-right: 20px;
}

.bg-wt {
	background-color: var(--el-bg-color);
}
.ft12{
	font-size: 12px;
}
.txt-c {
	text-align: center;

}

.txt-r {
	text-align: right;
}

.txt-ov {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.txt-clamp {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
}

.txt-clamp-3 {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-wrap: break-word;
}


.c9 {
	color: #999;
}

.bg-ce {
	background-color: #eee;
}

.bg-cf {
	background-color: #fff;
}

.branch-node {
	display: flex;
	justify-content: center;
}

.div-link {
	color: var(--el-color-primary);
	cursor: pointer;
}

.plr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.email-popover {
	.el-popover__title {
		font-size: 14px;
	}
}

.form-box {
	.tox-tinymce {
		width: 100%;
	}
}

.hover {
	cursor: pointer;
}

.selectList .el-date-editor.el-input {
	width: 100% !important;
}

.info .el-input__wrapper {
	padding: 0 !important;
}

.info .el-input__inner {
	width: 400px !important;
}

.email-table-list {
	.email-table-list-sc-table {
		.el-table__row {
			cursor: pointer;
			
		}
		.current-row>td.el-table__cell {
			background-color: #79bbff !important;
		}
	}

	// .el-table__header{
	// 	.el-table__cell{
	// 		cursor: ;
	// 	}
	// }
}
.no-hasRead-row{
	font-weight: bold;
}

.emailDetail {
	.el-descriptions__cell {
		padding-bottom: 0 !important;
	}
}

.emailDetail {

	.el-header,
	.el-footer {
		padding: 0;
		height: auto
	}
}

.crm-form-box{
	.el-form-item{
		margin-bottom: 5px;
	}
}
.d-flex-no{
	display: block;
	height: auto;
}